BODY {
	FONT: 12px Arial, Verdana, helvetica, sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

.dataTable {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	MARGIN-TOP: 0px;
	FONT: 12px arial, helvetica, clean, sans-serif;
	MARGIN-LEFT: 0px;
	BORDER-LEFT: #cccccc 1px solid;
	WIDTH: 100%;
	MARGIN-RIGHT: 0px;
	BORDER-BOTTOM: #cccccc 1px solid;
	border-collapse: collapse;
}

.dataTable tr:hover {
    background-color: #cee3f6;
}

.dataTable TH {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../images/dataTable_thBg.gif);
	COLOR: #ffffff;
	BORDER-BOTTOM: #cccccc 1px solid;
	WHITE-SPACE: nowrap;
	HEIGHT: 23px;
	BACKGROUND-COLOR: #eeeeee;
	TEXT-ALIGN: center
}

.dataTable TD {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	BORDER-BOTTOM: #cccccc 1px solid;
    HEIGHT: 23px
}

.dataTable TR.total TD {
	BORDER-TOP: black 1px solid;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 10px;
	VERTICAL-ALIGN: top;
	WHITE-SPACE: nowrap
}

.dataTable TH.no-right-line {
	BORDER-RIGHT: #999 0px solid
}

.dataTable TR.no-bottom-line TD {
	BORDER-BOTTOM: #999 0px solid
}

.dataTable TR.total TD.customer {
	VISIBILITY: hidden
}

.dataTable TD.hidden {
	DISPLAY: none
}

.dataTable TD.rowNum {
	WIDTH: 40px;
	TEXT-ALIGN: center
}

.dataTable TH.hidden {
	DISPLAY: none
}

.dataTable TH.r {
	PADDING-RIGHT: 10px;
	TEXT-ALIGN: right
}

.dataTable TH.c {
	TEXT-ALIGN: center
}

.dataTable TD.r {
	PADDING-RIGHT: 10px;
	TEXT-ALIGN: right
}

.dataTable TD.c {
	TEXT-ALIGN: center
}

.dataTable TR.odd { 	
	/*BACKGROUND-COLOR: #ffffff */
	
}

.dataTable TR.even { 
	/*BACKGROUND-COLOR: #ffffff*/
	
}

.rowhighlight {
	background-color:#F2F2F2
}

.highlight {
	background-color: #FFFFDD;
}

.dataTable TR.selectClass {
	BACKGROUND-COLOR: #fffae5
}

.dataTable TH A {
	CURSOR: pointer;
	COLOR: #ffffff;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

.dataTable TH A:visited {
	CURSOR: pointer;
	COLOR: #ffffff;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

.dataTable TH A:hover {
	COLOR: #ffffff;
	TEXT-DECORATION: underline
}

.dataTable TH.sorted {
	BACKGROUND-COLOR: #ffe8bd
}

.dataTable TH.sorted A {
	BACKGROUND-POSITION: right 50%;
	DISPLAY: block;
	WIDTH: 100%
}

TH.sortable A {
	BACKGROUND-POSITION: right 50%;
	DISPLAY: block;
	WIDTH: 100%
}

.dataTable TH.sortable A {
	
}

.dataTable .order1 {
	PADDING-RIGHT: 15px;
	BACKGROUND-POSITION: right 50%;
	BACKGROUND-IMAGE: url(../images/arrow_up.gif);
	BACKGROUND-REPEAT: no-repeat
}

.dataTable .order2 {
	PADDING-RIGHT: 15px;
	BACKGROUND-POSITION: right 50%;
	BACKGROUND-IMAGE: url(../images/arrow_down.gif);
	BACKGROUND-REPEAT: no-repeat
}

.dataTableIn {
	FONT: 12px arial, helvetica, clean, sans-serif;
	WIDTH: 98%;
	BORDER-COLLAPSE: collapse;
	MARGIN-left: 2px;
	padding-left: 2px;
}

.dataTableIn TH {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	WHITE-SPACE: nowrap;
	HEIGHT: 23px;
	BACKGROUND-COLOR: #DEE0E0;
	TEXT-ALIGN: center;
	color: #000000
}

.dataTableIn TD {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	WHITE-SPACE: nowrap;
	HEIGHT: 23px;
	BACKGROUND-COLOR: #DEE0E0
}

.dataTableIn TD.topLine {
	PADDING-LEFT: 10px;
	FONT-SIZE: 12px;
	WHITE-SPACE: nowrap;
	HEIGHT: 23px;
	BACKGROUND-COLOR: #DEE0E0;
	border-top: #cccccc 1px solid;
}

.dataTableIn TR.total TD {
	BORDER-TOP: black 1px solid;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 10px;
	VERTICAL-ALIGN: top;
	WHITE-SPACE: nowrap
}

.dataTableIn TH.no-right-line {
	BORDER-RIGHT: #999 0px solid
}

.dataTableIn TR.no-bottom-line TD {
	BORDER-BOTTOM: #999 0px solid
}

.dataTableIn TR.total TD.customer {
	VISIBILITY: hidden
}

.dataTableIn TD.hidden {
	DISPLAY: none
}

.dataTableIn TD.rowNum {
	WIDTH: 40px;
	TEXT-ALIGN: center
}

.dataTableIn TH.hidden {
	DISPLAY: none
}

.dataTableIn TH.r {
	PADDING-RIGHT: 10px;
	TEXT-ALIGN: right
}

.dataTableIn TH.c {
	TEXT-ALIGN: center
}

.dataTableIn TD.r {
	PADDING-RIGHT: 10px;
	TEXT-ALIGN: right
}

.dataTableIn TD.c {
	TEXT-ALIGN: center
}

.dataTableIn TR.odd {
	BACKGROUND-COLOR: #fff
}

.dataTableIn TR.even {
	BACKGROUND-COLOR: #fafafa
}

.dataTableIn TR.selectClass {
	BACKGROUND-COLOR: #fffae5
}

.dataTableIn TH A {
	CURSOR: pointer;
	COLOR: #000000;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

.dataTableIn TH A:visited {
	CURSOR: pointer;
	COLOR: #000000;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

.dataTableIn TH A:hover {
	COLOR: #000000;
	TEXT-DECORATION: none
}

.dataTableIn TH.sorted {
	BACKGROUND-COLOR: #ffe8bd
}

.dataTableIn TH.sorted A {
	BACKGROUND-POSITION: right 50%;
	DISPLAY: block;
	WIDTH: 100%
}

TH.sortable A {
	BACKGROUND-POSITION: right 50%;
	DISPLAY: block;
	WIDTH: 100%
}

.dataTableIn TH.sortable A {
	BACKGROUND-REPEAT: no-repeat
}

.dataTableIn .order1 {
	PADDING-RIGHT: 15px;
	BACKGROUND-POSITION: right 50%;
	BACKGROUND-IMAGE: url(../images/arrow_up.gif);
	BACKGROUND-REPEAT: no-repeat
}

.dataTableIn .order2 {
	PADDING-RIGHT: 15px;
	BACKGROUND-POSITION: right 50%;
	BACKGROUND-IMAGE: url(../images/arrow_down.gif);
	BACKGROUND-REPEAT: no-repeat
}

DIV.exportlinks {
	BORDER-RIGHT: #999 0px dotted;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #999 0px dotted;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-left: 0px;
	MARGIN-right: 0px;
	BORDER-LEFT: #999 0px dotted;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #999 0px dotted;
	/** BACKGROUND-COLOR: #ffffff; **/
	font-size: 12px
}

SPAN.export {
	PADDING-RIGHT: 4px;
	DISPLAY: inline;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 1px;
	CURSOR: pointer;
	PADDING-TOP: 0px
}

SPAN.pagebanner {
	MARGIN-LEFT: 0px;
	WIDTH: 30%;
	/** BACKGROUND-COLOR: #ffffff; **/
	font-size: 12px
}

SPAN.pagelinks {
	MARGIN-Right: 0px;
	WIDTH: 70%;
	/** BACKGROUND-COLOR: #ffffff; **/
	font-size: 12px
}

.dataTable TR.rowMouseOver {
	BACKGROUND-IMAGE: url(../images/selected.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #ffff99
}

.pageHeader {
	BACKGROUND-IMAGE: url(../images/header.gif);
	BACKGROUND-REPEAT: repeat-x;
	HEIGHT: 60px
}

.pageHeaderText {
	DISPLAY: inline;
	FONT-WEIGHT: bold;
	FONT-SIZE: 30px;
	MARGIN-LEFT: 5px;
	COLOR: whitesmoke;
	FONT-FAMILY: "century gothic", verdana, arial, helvetica, sans-serif;
	WHITE-SPACE: nowrap;
	TEXT-ALIGN: left
}

.leftMenu {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	WHITE-SPACE: nowrap;
	HEIGHT: 100%;
	BACKGROUND-COLOR: #d6cfe6
}

.content {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	WIDTH: 100%;
	PADDING-TOP: 10px
}

.rightColumn {
	WIDTH: 3px
}

.customer {
	WIDTH: 20%;
	TEXT-ALIGN: left
}

.orderNumber {
	WIDTH: 10%;
	TEXT-ALIGN: left
}

.orderDate {
	WIDTH: 10%;
	TEXT-ALIGN: center
}

.productName {
	WIDTH: 25%
}

.quantity {
	WIDTH: 10%;
	TEXT-ALIGN: center
}

.lineItemTotal {
	PADDING-RIGHT: 10px;
	WIDTH: 15%;
	TEXT-ALIGN: right
}

.logo {
	BORDER-TOP: #000066 1px solid;
	DISPLAY: inline;
	BORDER-LEFT: #000066 1px solid;
	BORDER-BOTTOM: #000066 1px solid;
	TEXT-ALIGN: right
}

.code {
	FONT-SIZE: 9pt;
	FONT-FAMILY: verdana, arial, helvetica, "courier new", monospace
}

.borderedInline {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	DISPLAY: inline;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid
}

IMG {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px
}

.datatable tr{
	height:26px;
}
